.container {  
    position: relative;
    top: 3rem;
    width: 100vw;
    min-height: 29.3vw;
    display: flex;
    justify-content:center;
    align-items: center;
    overflow:hidden;
    background-color:var(--precolor-fou);
    background: url("../../../banner/banner_ins_enjoyahappylife.jpg") no-repeat center; 
    background-size: contain;    
    margin-bottom: 3rem; 
} 
.data-bank{
  position: relative;
  margin: .5rem .2rem;
}
.data-bank span{
  width: 100%;
  line-height: 2rem;
  padding-left: 1.2rem;
}
.data-bank img{
  width: 100%;
}
.data-bank p{
  position: relative;
  width: 90%;
  height: 1.2rem;
  font-size: .8rem;
  font-weight: normal;
  text-indent: 1.2rem;
}

.pre-pro-info,.pre-fea-info,.pre-auth-info,.pre-root-info,.pre-re-info{
    position: relative;
    margin:.5rem auto;
    padding: .5rem 0;
    display: flex;
    justify-content:center;
    align-items: center;    
    width:100%;
    font-size: 1rem;
    color: var(--precolor-fiv);
    background-color:var(--precolor-fou);  
  }
  .pre-pro-info i, .pre-fea-info i,.pre-auth-info i,.pre-root-info i,.pre-re-info i{
	position: absolute;
	top: calc(50% - .5rem);
	left: calc(50% + 6rem);
	transform: translateY(-20%);
	transform-origin: center top;
	animation: shake 1s infinite;
}
@keyframes shake {
	0% { transform: translateY(0); }
	25% { transform: translateY(-.2rem); }
	50% { transform: translateY(0); }
	75% { transform: translateY(.2rem); }
	100% { transform: translateY(0); }
  }
  .product-info,.feature-info,.authority-info {
    margin:.5rem auto;
    display: none;
    flex-direction: column;
    justify-content:flex-start;
    align-items: flex-start;    
    width:100%;
    color: var(--bgcolor);
  }
  .product-info label,.feature-info label,.authority-info label {
    display: flex;
    width: 100%;
    margin: 0 .2rem;  
    font-weight: normal;
    font-size: .9rem;
    text-align: left;
    text-indent: 1rem;
    color:var(--precolor-fiv);
  }